import { SearchOutlined } from '@ant-design/icons'
import { Button, Divider, Flex, Radio, Space, Tooltip } from 'antd'
import React from 'react'
interface ButtonProps {
  type: 'primary' | 'secondary' | 'dashed' | 'link' | 'text' | 'default'
  shape: 'circle' | 'round' | 'default'
  children: React.ReactNode
}
const ButtonCom: React.FC<ButtonProps> = (props) => {
  const styls = {
    margin: '0 10px',
    padding: '10px 20px',
    borderRadius: '5px',
    backgroundColor: props.type == 'primary' ? '#1890ff' : '',
    color: 'white',
  }
  return (
    <div>
      <button style={styls}>{props.children}</button>
    </div>
  )
}
function Home() {
  return (
    <div>
      <h1>Home</h1>
      <Button type="primary" shape="circle" icon={<SearchOutlined />} />
      <ButtonCom type="primary" shape="circle">
        按钮
      </ButtonCom>
    </div>
  )
}
export default Home
